<template>
	<view class="color-header">
		<slot></slot>
	</view>
</template>

<script>
	export default {
		props: {
			height: {
				type: String,
				default: '440rpx'
			},
			pageColor: {
				type: String,
				default: '#f6f7f8'
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	.color-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 0;
		height: v-bind(height);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 60%, v-bind(pageColor)), linear-gradient(to right, #CDE0F8, #C3F0F0, #DFF8F0);
	}
</style>